<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/js.js"></script>
    <link rel="stylesheet" href="css/晓舟报告手机端.css">
</head>
<body>
    <div class="box">
    <div class="header">
        <img class="header_img" src="img/叉子.png" alt="">
        <h1 class="header_title">晓舟报告</h1>
    </div>
    <div class="xousuo">
        <input class="xousuo_inp" type="text" placeholder="输入搜索内容">
        <img class="xousuo_img" src="img/放大镜.png" alt="">
        <img class="xousuo_imgs" src="img/java.jpg" alt="">
    </div>
    <ul class="ul">
        <li class="ul_li">
            <h2 class="ul_li_title">精选手册</h2>
            <a class="ul_li_title_a" href="#">
                <p class="ul_li_title_a_content">查看更多&nbsp;&nbsp;></p>
            </a>
            <div class="ul_li_liebiao1">
                <img class="ul_li_liebiao1_img" src="img/前端图.png" alt="">
                <div class="ul_li_liebiao1_box">
                    <h3 class="ul_li_liebiao1_title">前端开发学习手册</h3>
                    <p class="ul_li_liebiao1_riqi">2019.12.23</p>
                </div>
                <button class="ul_li_liebiao1_btn">进入</button>
            </div>
            <div class="ul_li_liebiao2">
                <img class="ul_li_liebiao1_img" src="img/java图.png" alt="">
                <div class="ul_li_liebiao1_box">
                    <h3 class="ul_li_liebiao1_title">JAVA开发学习手册</h3>
                    <p class="ul_li_liebiao1_riqi">2019.12.23</p>
                </div>
                <button class="ul_li_liebiao1_btn btn1">进入</button>
            </div>
        </li>
        <li class="ul_li lis">
            <h2 class="ul_li_title">精选手册</h2>
            <a class="ul_li_title_a" href="#">
                <p class="ul_li_title_a_content">查看更多&nbsp;&nbsp;></p>
            </a>
            <div class="ul_li_liebiao1">
                <img class="ul_li_liebiao1_img" src="img/博客图.png" alt="">
                <div class="ul_li_liebiao1_box">
                    <h3 class="ul_li_liebiao1_title">编程学习的五大误区</h3>
                    <p class="ul_li_liebiao1_riqi">2019.12.23</p>
                </div>
                <button class="ul_li_liebiao1_btn btn2">进入</button>
            </div>
        </li>
        <li class="ul_li lis">
            <h2 class="ul_li_title">精选视频</h2>
            <a class="ul_li_title_a" href="#">
                <p class="ul_li_title_a_content">查看更多&nbsp;&nbsp;></p>
            </a>
            <div class="ul_li_liebiao1">
                <img class="ul_li_liebiao1_img" src="img/git.jpg" alt="">
                <div class="ul_li_liebiao1_box">
                    <h3 class="ul_li_liebiao1_title">视频</h3>
                    <p class="ul_li_liebiao1_riqi">2019.12.23</p>
                </div>
                <button class="ul_li_liebiao1_btn btn3">进入</button>
            </div>
        </li>
    </ul>
    <a href="#">
        <img class="cc" src="img/返回顶部.png" alt="">
    </a>
    <div class="aa">
        <div class="aa_bb">
                <a class="link" href="#">
                        <p class="link_content">晓舟报告&nbsp;&nbsp;<span class="span">|</span>&nbsp;&nbsp;</p>
                    </a>
                    <a class="links" href="#">
                        <p class="link_contents">团队介绍</p>
                    </a>
        </div>
        <p class="aa_content">晓舟报告官方网站©2019冀ICP备18023262号-4</p>
        
    </div>
    <div class="box11">
            <a href="#">
                    <div>
                            <img class="img11" src="img/首页bu.png" alt="">
                            <p class="p11">首页</p>
                        </div>
            </a>
            <a href="#">
                    <div>
                            <img class="img111" src="img/手册.png" alt="">
                            <p>手册</p>
                        </div>
            </a>
            <a href="#">
                    <div>
                            <img class="img211" src="img/博客.png" alt="">
                            <p>博客</p>
                        </div>
            </a>
            <a href="#">
                    <div>
                            <img class="img311" src="img/图层1.png" alt="">
                            <p>视频</p>
                        </div>
            </a>
            <a href="#">
                    <div>
                            <img class="img411" src="img/我的.png" alt="">
                            <p>我的</p>
                        </div>
            </a>
        </div>
    </div>
</body>
</html>